<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>rightcfg</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="/Plug-in/ext/resources/css/xtheme-slate.css" />
<style type="text/css">

table {border-collapse:collapse;}
thead th {
font:bold 13px/18px georgia;
text-align:left;
background:#EEEEEE;
color:#333;
padding:8px 16px 8px 8px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
thead th.null {background:#7777CD}
tbody th {
font:bold 12px/15px georgia;
text-align:left;
background:#D1DDEF;
color:#333;
padding:8px;
border-bottom:1px solid #f3f0e4;
border-right:1px solid #fff;
}
tbody td {
font:normal 12px/15px georgia;
color:#333;
padding:8px;
border-right:1px solid #f3f0e4;
border-bottom:1px solid #f3f0e4;
}
/* 这3个是关键   --cssrain.cn */
tbody td.on {background:#69c;}   
thead th.on {background:#69c;}
tbody th.on {background:#69c;}
</style>


<script type="text/javascript">
/*
For functions getElementsByClassName, addClassName, and removeClassName
Copyright Robert Nyman, <a href="http://www.robertnyman.com" target="_blank">http://www.robertnyman.com</a>
Free to use if this text is included
*/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
    window.onload = func;
} else {
    window.onload = function() {
      oldonload();
      func();
    }
}
}

function getElementsByClassName(className, tag, elm){
var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
var tag = tag || "*";
var elm = elm || document;
var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
var returnElements = [];
var current;
var length = elements.length;
for(var i=0; i<length; i++){
   current = elements[i];
   if(testClass.test(current.className)){
    returnElements.push(current);
   }
}
return returnElements;
}

function addClassName(elm, className){
    var currentClass = elm.className;
    if(!new RegExp(("(^|\\s)" + className + "(\\s|$)"), "i").test(currentClass)){
        elm.className = currentClass + ((currentClass.length > 0)? " " : "") + className;
    }
    return elm.className;
}

function removeClassName(elm, className){
    var classToRemove = new RegExp(("(^|\\s)" + className + "(\\s|$)"), "i");
    elm.className = elm.className.replace(classToRemove, "").replace(/^\s+|\s+$/g, "");
    return elm.className;
}

function makeTheTableHeadsHighlight() {
// get all the td's in the heart of the table...
var table = document.getElementById('rockartists');
var tbody = table.getElementsByTagName('tbody');
var tbodytds = table.getElementsByTagName('td');

// and loop through them...
for (var i=0; i<tbodytds.length; i++) {

// take note of their default class name
   tbodytds[i].oldClassName = tbodytds[i].className;
  
// when someone moves their mouse over one of those cells...
   tbodytds[i].onmouseover = function() {

// attach 'on' to the pointed cell
    addClassName(this,'on');
   
// attach 'on' to the th in the thead with the same class name
    var topheading = getElementsByClassName(this.oldClassName,'th',table);
    addClassName(topheading[0],'on');
   
// attach 'on' to the far left th in the same row as this cell
    var row = this.parentNode;
    var rowheading = row.getElementsByTagName('th')[0];
    addClassName(rowheading,'on');
   }

// ok, now when someone moves their mouse away, undo everything we just did.

   tbodytds[i].onmouseout = function() {

// remove 'on' from this cell
    removeClassName(this,'on');
   
// remove 'on' from the th in the thead
    var topheading = getElementsByClassName(this.oldClassName,'th',table);
    removeClassName(topheading[0],'on');

// remove 'on' to the far left th in the same row as this cell
    var row = this.parentNode;
    var rowheading = row.getElementsByTagName('th')[0];
    removeClassName(rowheading,'on');
   }
}
}
addLoadEvent(makeTheTableHeadsHighlight);
</script>
</head>
<body>
<FORM action="./i.php" method="post" name="form1" id="form1">
<table width="90%" align="center">
    <tr>
    	<td width="80px">权限组名</td>
        <td><input name="tt" type="text" value="<{$tp.tt}>"></td>
    </tr>
    <tr>
    	<td>组描述</td>
        <td><input name="ct" type="text" style="width:360px" value="<{$tp.ct}>"></td>
    </tr>
</table>

<table id="rockartists" align="center" width="90%" >
<thead>
   <tr>
    <th class="null"><font color="#FFFFFF">权限细分</font></th>
    <th class="stones">目录配置</th>
    <th class="u2">菜单基本权限</th>
    <th class="crue">拓展权限</th>
   </tr>
</thead>
<tbody>
<{$tr}>
</tbody>
</table>
<table width="90%" align="center">
    <tr>
    	<td align='center'><input type="submit" value="保存"><input type="hidden" name="tid" value="<{$tid}>" /><input type="reset" value="重置"> <input type="button" value="全选" onclick="getall();"><input type="button" value="清空" onclick="getnall();"><input type="button" value="反选" onclick="getfall();"> <input type="hidden" name="id" value="<{$id}>" /></td>
    </tr>
</table>

</form>
</body>
<script>
function getall()
{
for ( var i=0; i<document.form1.elements.length; i++ ) 
{
   var e = document.form1.elements[i];
   if ( (e.type=='checkbox')&&(!e.disabled) ) 
   {
	document.form1.elements[i].checked=true;
	}
}
}
function getnall()
{
for ( var i=0; i<document.form1.elements.length; i++ ) 
{
   var e = document.form1.elements[i];
   if ( (e.type=='checkbox')&&(!e.disabled) ) 
   {
	document.form1.elements[i].checked=false;
	}
}
}
function getfall()
{
for ( var i=0; i<document.form1.elements.length; i++ ) 
{
   var e = document.form1.elements[i];
   if ( (e.type=='checkbox')&&(!e.disabled) ) 
   {
	document.form1.elements[i].checked?document.form1.elements[i].checked=false:document.form1.elements[i].checked=true;
	}
}
}
function smallall(obj){
    if($("input[name='xr["+obj+"]']").attr("checked")){
        $("input[name='r["+obj+"]']").attr("checked","true");
        $("input[name='c["+obj+"]']").attr("checked","true");
        $("input[name='u["+obj+"]']").attr("checked","true");
        $("input[name='d["+obj+"]']").attr("checked","true");
    }else{
        $("input[name='r["+obj+"]']").removeAttr("checked");
        $("input[name='c["+obj+"]']").removeAttr("checked");
        $("input[name='u["+obj+"]']").removeAttr("checked");
        $("input[name='d["+obj+"]']").removeAttr("checked");
    }
}
</script>

</html>

